<template>
  <view class="banner">
    <swiper class="swiper" circular :indicator-dots="true" :autoplay="true" :interval="2000" :duration="500">
      <swiper-item v-for="(item, index) in props.data" :key="index">
        <image :src="item.url" mode="widthFix" style="width: 100%; height: 200rpx" />
      </swiper-item>
    </swiper>
  </view>
</template>

<script setup lang="ts">
import { computed, onBeforeMount } from "vue";
const props = defineProps({
  // 列表内容
  data: {
    type: Object,
    default: () => {},
  },
  className: {
    type: Object,
    default: () => {},
  },
});

onBeforeMount(() => {});
</script>

<style lang="scss" scoped>
.banner {
  width: 100vw;
}
</style>
